<template>
  <div style="height: 100%;background: white;background-color: #f4f7f8;overflow: hidden;">
    <div class="imgbig" >
      <div class="imgDiv">
        <img src="../../assets/images/noData1.png"/>
      </div>
      <div class="notDataFont">抱歉，您要找的页面走丢了！</div>
      <div class="notDataFontBot">
        <div @click="notDataFontBotClik">
          返回首页
        </div>
      </div>
    </div>
  </div>
</template>



<script>
  import { Datetime, PopupPicker, Group, Cell, Picker, XButton, Divider, XSwitch } from 'vux'
  export default {
    components: {
      PopupPicker,
      Group,
      Picker,
      XButton,
      Divider,
      Cell,
      XSwitch,
      Datetime
    },
    methods: {
      notDataFontBotClik(){
        if(this.$isAndroid()){
            window.android.destory();
        }else{
            this.$showBottomToast("返回首页")
        }
      },
    },
    data () {
      return {
      }
    },
    created(){
    }
  }
</script>

<style scoped>
  .picker-buttons {
    margin: 0 15px;
  }
  .imgbig{
    width: 100%;
    height: 50%;
    margin-top: 25%;
    text-align:center;
    color: gray;
  }
  .imgDiv img{
    width: 70%;
  }
  .notDataFont{
    margin-top: 50px;
  }
  .notDataFontBot{
    display: flex;
    justify-content: center;
  }
  .notDataFontBot div{
       color: #fff;
    width: 190px;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    margin-top: 38px;
	background-image: linear-gradient(0deg, 
		#20a0e7 0%, 
		#33abed 100%), 
	linear-gradient(
		#149ce6, 
		#149ce6);
	background-blend-mode: normal, 
		normal;
	border-radius: 5px;
  }
</style>
